<template>
<div>

  <navBar/>
    <introduction/>
    <recommandation/>
    <actor/>
    <movie-recommendation/>
    <tuiClip/>
    <photo/>
    <watchWay/>
    <comment/>
    <test/>
    
</div>
  
  
</template>

<script lang="ts">

import introduction from '@/views/Detail/introduction/index.vue'
import recommandation from '@/views/Detail/recommendation/index.vue'
import actor from '@/views/Detail/actor/index.vue'
import movieRecommendation from '@/views/Detail/movieRecommendation/index.vue'
import tuiClip from '@/views/Detail/tuiClip/index.vue'
import photo from '@/views/Detail/photo/index.vue'
import watchWay from '@/views/Detail/watchWay/index.vue'
import navBar from '@/views/Detail/navBar/index.vue'
import comment from './comment'
import test from '@/views/Detail/test'


export default {
  data () {
    return {
      navBarFixed: false,
    };
  },
  components: { introduction, recommandation,actor,movieRecommendation,tuiClip,photo,watchWay,navBar,test,comment },

  computed: {},
  
  methods: {}
}


</script>
<style lang="less" >
  .home{
    background-color: white;
    font-size: 0.371rem;
    border-bottom:solid #eee 0.03rem ;
    div{
      text-align:center;
      vertical-align:middle;
      div{
        margin: 0.13rem;
        margin-right: 0.37rem;
        font-size: 0.32rem;
      }
    }
  }
  .img{
    float: left;
    width: 0.5rem;
  }
</style>
